<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>注册页面</title>
		<link href="${pageContext.request.contextPath}/client/css/main.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css">
	</head>
	<body>
		<%@include file="./include/head.jsp" %>
		<%@include file="./include/menu_search.jsp" %>
		<div class="register-body">
			<h2 class="register-title">新用户注册</h2>
			<form id="form" action="${pageContext.request.contextPath}/RegisterServlet" method="POST" class="register-form" onsubmit="return onSubmit()">
				<table>
					<tr>
						<th>邮箱：</th>
						<td>
							<input name="email" type="text" />
						</td>
						<td class="error">
							请输入有效的邮箱地址
						</td>
					</tr>
					<tr>
						<th>用户名：</th>
						<td>
							<input name="username" type="text" />
						</td>
						<td class="error">
							字母数字下划线 1 到 10 位，不能是数字开头
						</td>
					</tr>
					<tr>
						<th>密码：</th>
						<td>
							<input name="password" type="password" />
						</td>
						<td class="error">
							密码请设置 6 - 16 位字符
						</td>
					</tr>
					<tr>
						<th>重复密码：</th>
						<td>
							<input name="repassword" type="password" />
						</td>
						<td class="error">
						</td>
					</tr>
					<tr>
						<th>性别：</th>
						<td>
							<input name="sex" type="radio" value="male" />
							<label>男</label>
							<input name="sex" type="radio" value="female" />
							<label>女</label>
						</td>
					</tr>
					<tr>
						<th>联系电话：</th>
						<td>
							<input name="telephone" type="text" />
						</td>
						<td class="error">
						</td>
					</tr>
					<tr>
						<th>个人介绍：</th>
						<td>
							<textarea name="profile"></textarea>
						</td>
					</tr>
				</table>
				<div>
					<input type="image" src="./images/button.jpg" name="submit" />
				</div>
			</form>
		</div>
		<%@include file="./include/foot.jsp" %>
		<script src="./js/register.js"></script>
	</body>
</html>